<template>
	<div style="margin-top: 0.625rem;">
		<van-icon name="arrow-left" size="30" style="margin-left: 0.9375rem;" />
		<h1 style="font-size: 1.5625rem;margin-top: 0.625rem;margin-left: 1.5625rem;">确定订单</h1>
		<div class="information" @click="information">
			<p style="font-weight: 600;font-size: 1.25rem;padding-top: 0.625rem;padding-left: 0.9375rem;">收件人：李敏 <span
					style="margin-left: 2.5rem">180909090909</span></p>
			<van-row style="margin-left: 0.9375rem;margin-top: 8px;color: #7e6a7e;">
				<van-col span="19" style="line-height: 1.5rem;">收件地址:北京市海淀区长春桥路126号福利院35-6-14-06</van-col>
				<van-col span="2" offset="3">
					<van-icon name="arrow" />
				</van-col>
			</van-row>
			<p style="margin-left: 0.9375rem;margin-top: 10px; font-size: 1.25rem;color: #FFD14F;">收获不变时，可选择暂存服务</p>
		</div>
		<div class="text_text">
			<van-row style="padding: 0.625rem;">
				<van-col span="6">
					<van-image width="90" height="90" :lazy-load='true' src="https://img01.yzcdn.cn/vant/cat.jpeg" />
				</van-col>
				<van-col span="12" offset="1">
					<van-row>
						<van-col span="24" style="font-size: 18px;font-weight: 600;">回环式运动表带</van-col>
						<van-col span="24" style="font-size: 0.875rem;line-height: 20px;color: #5E5E5E;">44毫米窑石灰色Nike
							RMB</van-col>
						<van-col span="24" style="font-size: 0.875rem;line-height: 20px;color: #5E5E5E;">类型:运动型
						</van-col>
						<van-col span="24" style="font-size: 0.875rem;line-height: 20px;color: #5E5E5E;">发货时间:2021.3.12
						</van-col>
					</van-row>
				</van-col>
				<van-col span="5">
					<van-row>
						<van-col span="24" style="font-size: 20px;color: red;font-weight: 600;">￥379</van-col>
						<van-col span="24" style="margin-left: 30px;">X1</van-col>
					</van-row>
				</van-col>
			</van-row>
			<!-- 2 -->
			<van-row style="padding: 0.625rem;">
				<van-col span="6">
					<van-image width="90" height="90" :lazy-load='true' src="https://img01.yzcdn.cn/vant/cat.jpeg" />
				</van-col>
				<van-col span="12" offset="1">
					<van-row>
						<van-col span="24" style="font-size: 18px;font-weight: 600;">回环式运动表带</van-col>
						<van-col span="24" style="font-size: 0.875rem;line-height: 20px;color: #5E5E5E;">44毫米窑石灰色Nike
							RMB</van-col>
						<van-col span="24" style="font-size: 0.875rem;line-height: 20px;color: #5E5E5E;">类型:运动型
						</van-col>
						<van-col span="24" style="font-size: 0.875rem;line-height: 20px;color: #5E5E5E;">发货时间:2021.3.12
						</van-col>
					</van-row>
				</van-col>
				<van-col span="5">
					<van-row>
						<van-col span="24" style="font-size: 20px;color: red;font-weight: 600;">￥379</van-col>
						<van-col span="24" style="margin-left: 30px;">X1</van-col>
					</van-row>
				</van-col>
			</van-row>
			<!-- 3 -->
			<van-row style="margin-left: 0.9375rem;margin-top: 0.9375rem;">
				<van-col span="16">购买数量</van-col>
				<van-col span="8">
					<van-stepper v-model="value" input-width="40px" button-size="32px" />
				</van-col>
			</van-row>
			<van-row style="margin-top: 0.625rem;margin-left: 0.9375rem;">
				<van-col span="6">配送方式</van-col>
				<van-col span="15" style="color: #5E5E5E;">普通配送</van-col>
				<van-col span="3">
					<van-icon name="arrow" />
				</van-col>
			</van-row>
			<van-row class="setgoodsdatatwo">
				<van-col :span="4">
					运费险
				</van-col>
				<van-col :span="11">
					卖家赠送，退换货可赔
				</van-col>
				<van-col :span="7">快递免邮<span style="color: #ccc;">
						<van-icon name="arrow" style="margin-left:0.9375rem;" />
					</span></van-col>
			</van-row>
			<van-row class="setgoodsdatatwo">
				<van-col :span="5">
					店铺优惠
				</van-col>
				<van-col :span="11">
					店铺省5元，感恩3月
				</van-col>
				<van-col :span="7" style="color: #f92d2d;">-￥5.00<span style="color: #ccc;">
						<van-icon name="arrow" style="margin-left:0.9375rem;" />
					</span></van-col>
			</van-row>
			<van-row class="setgoodsdatatwo">
				<van-col :span="5">
					订单备注
				</van-col>
				<van-col :span="13">
					选填，请先问商家协商一致
				</van-col>
			</van-row>
			<van-row class="goodsall">
				共2件 小件：￥1035
			</van-row>
		</div>
		<van-row class="mypays">
			<van-row class="mypaysone">
				<van-col :span="2">
					<input type="radio" class="mypaysoneradio">
				</van-col>
				<van-col :span="18">花呗分期</van-col>
			</van-row>
			<van-row class="mypaysone">
				<van-col :span="2">
					<input type="radio" class="mypaysoneradio">
				</van-col>
				<van-col :span="18">帮我付</van-col>
			</van-row>
		</van-row>
		<van-row>
			<button class="payok">立即购买</button>
		</van-row>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				value: 0
			}
		},
		methods:{
			information(){
				this.$router.push('/AddressManagement')
			}
		}
	}
</script>

<style>
	.information {
		margin-left: 0.9375rem;
		width: 93%;
		height: 19vh;
		background-color: #FFFFFF;
		border-radius: 0.625rem;
		margin-top: 0.9375rem;
		box-shadow: 1px 1px 5px 2px #656;
	}

	.text_text {
		margin-left: 0.9375rem;
		width: 93%;
		height: 58vh;
		background-color: #FFFFFF;
		border-radius: 0.625rem;
		margin-top: 1.5625rem;
		box-shadow: 1px 1px 5px 2px #656;
	}

	.setgoodsdatatwo {
		width: 100%;
		margin-left: 0.9375rem;
		height: 1.875rem;
		line-height: 1.875rem;
	}

	.numbutton {
		width: 30px;
		height: 30px;
		margin-left: 5px;
		margin-right: 5px;
		border-radius: 5px;
		margin-top: 10px;
	}

	.mypays {
		width: 90%;
		height: 100px;
		box-shadow: 0px 0px 9px #ccc;
		border-radius: 5px;
		margin-left: 5%;
		margin-top: 20px;
		text-align: left;
		padding-left: 2%;
		line-height: 25px;
		padding-top: 5px;
	}

	.mypaysone {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}

	.mypaysoneradio {
		width: 20px;
		height: 20px;
	}

	.payok {
		width: 90%;
		height: 60px;
		margin-top: 20px;
		border-radius: 10px;
		background-color: #000000;
		color: white;
		text-align: center;
		margin-left: 1.4375rem;
	}

	.goodsall {
		width: 95%;
		height: 30px;
		text-align: right;
		line-height: 30px;
	}
</style>
